<template>
  <div class="commandBox">
    <FirstHeader :title="'视频监控'" :file="'rescue'" :icon="'video-icon'"></FirstHeader>
    <div class="container px-20 py-15">
      <Camera></Camera>
      <!-- <img src="@/assets/images/rescue/1.png" alt="" />
      <img src="@/assets/images/rescue/2.png" alt="" />
      <img src="@/assets/images/rescue/3.png" alt="" />
      <img src="@/assets/images/rescue/4.png" alt="" /> -->
    </div>
  </div>
</template>

<script setup lang="ts">
import FirstHeader from "@/components/FirstHeader/index.vue";
import Camera from "@/components/Camera/index.vue";
</script>

<style lang="scss" scoped>
.commandBox {
  height: 450px;
  width: 100%;
  background: url("@/assets/images/rescue/video.png") no-repeat 100% 100%;
  .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    img {
      border: 2px solid #00ff00;
    }
  }
}
</style>
